<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/api-index.css">

</head>

<body>
    <!-- 1.头部 -->
    <header class="clearfix abs">
        <!-- logo -->
        <img src="./imgs/new-logo-white2.png" class="logo fl ml33 mt19">
        <!-- 导航 -->
        <ul class="nav clearfix abs colff">
            <li class="fl"><a href="#" class="font14">首页</a></li>
            <li class="fl active"><a href="#" class="font14">API</a></li>
            <li class="fl"><a href="#" class="font14">案例</a></li>
        </ul>
        <!-- 右侧登陆 -->
        <div class="right-box fr mr font12">
            <a href="#" style="color: #666;">登录</a>
            <a href="#" class="colff">注册有礼</a>
        </div>
    </header>

    <!-- 2.api标签 -->
    <div class="container tag">
        <div>
            <h3 class="weight">API分类</h3>
            <ul class="clearfix" id="api">
                <!-- <li keyword="身份证实名">全部</li> -->
            </ul>
        </div>
        <!-- 搜索框 -->
        <div class="search clearfix">
            <span class="font12 fl fbold" id="apiName">全部</span>
            <form class="fl rel">
                <input type="text" placeholder="身份证实名" class="font12" id="apiKey">
                <input type="button" class="abs">
            </form>
        </div>

        <!-- api内容 -->
        <ul class="container api-content tcenter mt19 clearfix">
        </ul>

        <!-- 分页器 -->
        <div class="pages-box tcenter">
            <div class="page clearfix">
                <div class="page-list fl">
                    <a class="activeBtn">1</a>
                    <a>2</a>
                    <a>3</a>
                    <a>4</a>
                    <a>5</a>
                </div>
                <a href="#" class="fl">下一页</a>
            </div>
        </div>
    </div>

    <footer>
        <div class="container">
            <div class="f-top clearfix">
                <ul class="fl clearfix">
                    <li>
                        <p class="font14 col18 tit">联系与支持</p>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>

                    <li>
                        <p class="font14 col18 tit">关于源码</p>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>

                    <li>
                        <p class="font14 col18 tit">快速入口</p>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>

                    <li>
                        <p class="font14 col18 tit">产品服务</p>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>

                    <li>
                        <p class="font14 col18 tit">解决方案</p>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>

                </ul>
                <div class="f-right fr tright">
                    <h4>微信公众号</h4>
                    <p class="font12 colb3">源码时代</p>
                    <img src="./imgs/showqrcode.jpg" alt="">
                </div>
            </div>
            <div class="f-bott clearfix font12">
                <p class="fl">
                    <img src="./imgs/bei1.png" alt="">
                    <img src="./imgs/bei2.png" alt="">
                    <span class="colb3">增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span>
                </p>
                <div class="fr">
                    <span class="font12 colb3">源码大数据股份有限公司©版权所有</span>
                </div>
            </div>
        </div>
    </footer>

    <script src="./js/utils.js"></script>
    <script src="./js/api-index.js"></script>
</body>

</html>